<template>
  <div class="app-container">
    <div>
        <label-wrap>邮箱：</label-wrap>
        <el-input v-model="formMsg.name"  class="ment-margin" size="small" style="width: 100px;"/>
        <label-wrap>类型：</label-wrap>
          <el-select v-model="formMsg.time" placeholder="请选择" size="small" style="width: 100px;"  class="ment-margin">
            <el-option label="普通" value="普通"></el-option>
            <el-option label="定时" value="定时"></el-option>
          </el-select>
        <label-wrap>是否发送：</label-wrap>
        <el-select v-model="formMsg.sendle" placeholder="请选择" size="small" style="width: 100px;"  class="ment-margin">
          <el-option label="已发送" value="已发送"></el-option>
          <el-option label="未发送" value="未发送"></el-option>
        </el-select>
        <label-wrap>发送时间：</label-wrap>
        <el-date-picker v-model="formMsg.date1"  class="ment-margin" type="date" size="small" placeholder="选择日期" style="width:180px;"  />
        <label-wrap>结束时间：</label-wrap>
        <el-date-picker v-model="formMsg.date2" class="ment-margin" type="date" size="small" placeholder="选择日期" style="width: 180px;"  />
      <el-button
       size="small"
       icon="el-icon-search"
       type="primary"
     >查询</el-button>
      <el-button
        size="small"
        icon="el-icon-refresh-right"
        type="warning"
        class="margin-right"
      >清空</el-button>
    </div>
    <el-table
      :data="tableData"
      border
      size="small"
      style="width: 100%"
    >
      <el-table-column
        prop="date"
        label="ID"
      />
      <el-table-column
        prop="name"
        label="邮件类型"
      />
      <el-table-column
        prop="address"
        label="是否发送"
      />
      <el-table-column
        prop="date"
        label="邮件标题"
      />
      <el-table-column
        prop="name"
        label="创建时间"
      />
      <el-table-column
        prop="address"
        label="发送时间"
      />
      <el-table-column
        prop="address"
        label="操作人"
      />
      <el-table-column label="操作">
        <template slot-scope="scope">
          <el-button
            size="mini"
            @click="handleEdit(scope.$index, scope.row)">查看</el-button>
        </template>
      </el-table-column>
    </el-table>
  </div>
</template>

<script>

export default {
  name: 'List',
  data() {
    return {
      formMsg: {
        name: '',
        date1: '',
        date2: '',
        time:'',
        sendle:''
      }
    }
  },
  created() {
  },
  methods: {
  }
}
</script>

<style scoped>
.ment-margin{
  margin-bottom: 20px;
  margin-right: 7px;
}
.margin-right{
  margin-bottom: 20px;;
}
::v-deep .el-table th,
::v-deep .el-table td {
  text-align: center !important;
}
</style>
